
<{php}>
if(isset($config['service_index_seo_title']['cvalue'])){
$title = $config['service_index_seo_title']['cvalue'];
}
if(isset($config['service_index_seo_keywords']['cvalue'])){
$keywords = $config['service_index_seo_keywords']['cvalue'];
}
if(isset($config['service_index_seo_desc']['cvalue'])){
$description = $config['service_index_seo_desc']['cvalue'];
}
<{/php}>

<{include file="../template/public/head.html"}>
<link rel="stylesheet" type="text/css" href="/static/css/css.css" />
<!-- header-->
<!-- pro_top -->
<{include file="../template/public/union_nav.html"}>
<style type="text/css">
    .banner{
        background:url(<{if condition="isset($config.service_index_banner.cvalue)"}><{$config.service_index_banner.cvalue}><{/if}>) !important;
        min-height: 500px !important;
        background-size: 100% 100% !important;
        padding: 230px 0 60px 0;
        margin-bottom: 28px;
    }
    @media (max-width: 1200px) {
        .banner{
            background: url(<{if condition="isset($config.service_index_banner.cvalue)"}><{$config.service_index_banner.cvalue}><{/if}>) no-repeat center top !important;
            min-height: 500px !important;
            margin-top: 30px;
        }
    }
    @media (max-width: 700px) {
        .banner{
            display:none;
        }
    }

</style>
<link rel="stylesheet" href="/static/css/css.css?v=1" />
<script>
    /*$('link').each(function(){
        if($(this).attr('href').indexOf("css/style.css")>0){
            $(this).remove();
            return false;
        }
    });*/
</script>
<div class="odd-sec pd-sec">
    <div class="banner ">
        <div class="container">
            <div class="row">
                <div class="col-sm-8">
                    <div class="text">
                        <h1 class="white"><{if condition="isset($config.service_index_title.cvalue)"}><{$config.service_index_title.cvalue}><{/if}></h1>
                        <p><{if condition="isset($config.service_index_desc.cvalue)"}><{$config.service_index_desc.cvalue}><{/if}></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section>
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="border text-center support-box">
                    <div class="relative hover-rotate">
                        <h1 class="strong">30</h1>
                        <strong>30</strong>
                        <div class="img-hover support-hover" style="font-size:30px !important;">
                            <p style="font-size:30px !important;"><{:lang('service_service_commitment')}></p>
                            <p style="font-size:30px !important;"><{:lang('service_commitment')}></p>
                        </div>
                    </div>
                    <p><{:lang('service_we_are')}></p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="border text-center support-box">
                    <h1 class="strong"><{:lang('service_30')}></h1>
                    <strong><{:lang('service_rapiad')}></strong>
                    <p><{:lang('service_to_the')}></p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="border text-center support-box">
                    <h1 class="strong"><{:lang('service_24')}></h1>
                    <strong><{:lang('service_punctual')}></strong>
                    <p><{:lang('service_24_hours')}></p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="border text-center support-box">
                    <h1 class="strong"><{:lang('service_72')}></h1>
                    <strong><{:lang('service_dispatching')}></strong>
                    <p><{:lang('service_if_we')}></p>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="container">
        <div class="text-center">
            <h1 class="bold"><{:lang('service_we_dare')}></h1>
            <div class="row">
                <div class="col-md-4 col-sm-4">
                    <div class="case-item-wrapper">
                        <div class="imgbox">
                            <img src="/static/images/serviceassurance.png" alt="" class="img-responsive" />
                        </div>
                        <div class="case-item-desc support-desc">
                            <h3><{:lang('service_service_assurance')}></h3>
                            <p><{:lang('service_horse_constrcution')}><br /></p>
                            <!--<a href="<{php}> echo $query->U('index/service/assurance',true);<{/php}>"  class="btn btn-default btn-support orange case-item-link">Details</a>-->
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="case-item-wrapper">
                        <div class="imgbox">
                            <img src="/static/images/servicecoverage.png" alt="" class="img-responsive" />
                        </div>
                        <div class="case-item-desc support-desc">
                            <h3><{:lang('service_service_coverage')}></h3>
                            <p><{:lang('service_from_the')}></p>
                            <!--<a href="<{php}> echo $query->U('index/service/considerations',true);<{/php}>"  class="btn btn-default btn-support orange case-item-link">Details</a>-->
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="case-item-wrapper">
                        <div class="imgbox">
                            <img src="/static/images/warehouses.png" alt="" class="img-responsive" />
                        </div>
                        <div class="case-item-desc support-desc">
                            <h3><{:lang('service_inquiry')}></h3>
                            <p><{:lang('service_inquiring_description')}></p>
                            <!--<a href="<{php}> echo $query->U('index/service/network',true);<{/php}>" class="btn btn-default btn-support orange case-item-link">Details</a>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="container">
       <!-- <div class="text-center">
            <h1 class="bold mb10">Online Service</h1>
            <p>The company takes full participation from project starting to production and the final products use; tries the best to provide customers the optimized project in both products and technical supports</p>
        </div>-->
      <!--  <div class="carousel-box">
            <div id="carousel-slide" class="carousel slide" data-ride="carousel">
                <div class="row">
                    <div class="engineer clearfix">
                        <div class="carousel-inner" role="listbox">
                            <{volist name="tips" id="part"}>
                            <div <{if condition="($key eq 0)"}>class="item active"<{else/}>class="item"<{/if}> >
                                <{volist name="part" id="item"}>
                                <div class="col-md-3 col-sm-3">
                                    <div class="case-item-wrapper engineer-wrapper hover-slide">
                                        <div class="imgbox">
                                            <img src="<{$item.cover}>" alt="" />
                                        </div>
                                        <div class="case-item-desc engineer-desc">
                                            <h2><{$item.title}></h2>
                                            <p>Title: <{$item.desc}></p>
                                        </div>
                                        <div class="pinfo pinfo-hover">
                                            <h2><{$item.title}></h2>
                                            <p>Title: <{$item.desc}></p>
                                            <strong>Qualification:</strong>
                                            <p>
                                                <{$item.content}>
                                            </p>
                                            <a href="#">Consulting engineer -</a>
                                        </div>
                                    </div>
                                </div>
                                <{/volist}>
                            </div>
                            <{/volist}>

                        </div>
                    </div>
                </div>
                <ol class="carousel-indicators support-indicators">
                    <li data-target="#carousel-slide" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-slide" data-slide-to="1"></li>
                </ol>
            </div>
        </div>-->
    </div>
</section>
<{include file="../template/public/sidebar.html"}>
<{include file="../template/public/foot.html"}>